<template>
	<view class="nav">
		<view></view>
		<view class="navbar"></view>
	</view>
</template>

<script setup>
import { ref, onBeforeMount, defineProps } from 'vue'

const status = ref(0)
const navHeight = ref(0)
const props = defineProps({
	background: {
		type: String,
		default: 'rgba(255,255,255,1)'
	},
	color: {
		type: String,
		default: 'rgba(0, 0, 0, 1)'
	},
	fontSize: {
		type: String,
		default: 32
	},
	iconWidth: {
		type: String,
		default: 116
	},
	iconHeight: {
		type: String,
		default: 38
	}
})
const setNavSize = () => {
	const { system, statusBarHeight } = uni.getSystemInfoSync()
	status.value = statusBarHeight * 2
	const isiOS = system.indexOf('iOS') > -1
	if(!isiOS) {
		navHeight.value = 96
	} else {
		navHeight.value = 88
	}
}
</script>

<style>

</style>